<template>
  <el-card class="page-tools">
    <el-row type="flex" class="row-bg" justify="space-between">
      <el-col>
        <el-row v-if="isShows">
          <i class="el-icon-s-platform" style="margin: 13px" />
          <slot name="front" />
        </el-row>
      </el-col>
      <el-col v-show="isSsss">
        <el-row type="flex" justify="center">
          <slot />
        </el-row>
      </el-col>
      <el-col>
        <el-row v-if="isShows" type="flex" justify="end">
          <i class="el-icon-s-promotion" style="margin: 13px" />
          <slot name="hehind" />
        </el-row>
      </el-col>
    </el-row>
  </el-card>
</template>

<script>
export default {
  name: 'NavBars',
  components: {},
  props: {
    isShows: {
      type: Boolean,
      required: false
    },
    isSsss: {
      type: Boolean,
      required: true
    }
  },
  data() {
    return {
    }
  },
  computed: {}, // 计算属性
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped>

</style>
